<!--收货信息管理-->
<template>
    <div style="margin-top: 20px">
        <el-table
                :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
                style="width: 100%">
            <el-table-column
                    label="客户名字"
                    prop="date">
            </el-table-column>
            <el-table-column
                    label="客户地址"
                    prop="name">
            </el-table-column>
            <el-table-column align="right">

                <template slot-scope="scope">
                    <el-button
                            size="mini"
                            type="primary"
                            @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
                    <el-button
                            size="mini"
                            type="danger"
                            @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "ReceivingInformation",
        data()
        {
            return {
                tableData: [{
                    date: '皎月',
                    name: '成都市金牛区金沙江路超神小区',

                },
                    {
                        date: '亚索',
                        name: '成都市成化区金沙江路超鬼小区',

                    },


                ],
                search: ''
            }
        },
        methods: {
            handleEdit(index, row) {
                console.log(index, row);
            },
            handleDelete(index, row) {
                console.log(index, row);
            }
        },

    }
</script>

<style scoped>

</style>